<template>
    <el-dialog :title="title" :visible.sync="dialogTableVisible10" :show-close="true" :center="true" :before-close="beforeClose">
        <div class="dialogVue">
            <div class="code margin0"></div>
        </div>
    </el-dialog>
</template>

<script>
export default {
    props: {
        previewUrl: {
            type: String,
            default: ""
        },
        title: {
            type: String,
            default: ""
        },
        dialogTableVisible10: {
            type: Boolean,
            default: false
        }
    },
    methods:{
        beforeClose(){
            this.$emit("beforeClose")
        }
    }
}
</script>

<style lang="less" scoped>
:deep(.el-dialog) {
    width: 360px !important;
}
:deep(.el-dialog__header) {
    padding: 20px 0 0;
}
:deep(.el-dialog__body) {
    padding: 15px 30px 30px;
}

.dialogVue {
    width: 100%;
    .code {
        width: 300px;
        height: 300px;
        border-radius: 5px;
        background: #f5f5f5;
    }
}

</style>